<extend name='Moban/index' />

<block name='denglu'>
<div style='cursor:pointer' id="denglu_none">
		<a data-toggle="dropdown" class="dropdown-toggle">
			<img class="nav-user-photo" src="" />
			<a  href="<{:U('Myhome/index')}>">
				<span class="user-info">
					<small>欢迎光临:</small>
					<{$Think.session.admin_user.nickname}>
				</span>
			</a>							
		</a>
		<a href="<{:U('Index/logout')}>">退出</a>						
</div>
</block>

<block name='motaikuan'>
	<script>
		$('#myModal').modal('no');
	</script>
</block>

<block name='main'>
	<ol class="breadcrumb">
	  	<li><a href="<{:U('Myhome/index')}>">个人中心</a></li>
	  	<li class="active"><{$Think.session.admin_user.nickname}></li>
	</ol>
	<!-- -->
	<div class="vochers">
		<h3>乐阅个人中心</h3>
		<div class="tabs-box">
			<ul class="v-menu tabs-menu">
				<li><a href="#tab1"><span> </span>个人资料</a></li>
				<li><a href="#tab2"><span> </span>我的书架</a></li>
				<li><a href="#tab3"><span> </span>Redeem a voucher?</a></li>
				<li><a href="#tab4"><span> </span>Order form</a></li>
			</ul>
			<div class="clearfix"> </div>
			<div class="tab-grids v-tab-grids">
				<div id="tab1" class="tab-grid v-tab-grid">
					<div class="m-vocher">
						<img src="__PUBLIC__/home/images/vocher.jpg" alt="" />
					</div>
					<div class="m-vocher-text">
						<h6>基本信息</h6>
						<table class="mt20 table table-hover">
                            <tbody>
                                <tr>
                                    <td class="col-md-2">昵称：</td>
                                    <td class="col-md-10"><{$Think.session.admin_user.nickname}></td>
                                </tr>
                                
                                <tr>
                                    <td class="col-md-2">姓名：</td>
                                    <td class="col-md-10"><{$Think.session.admin_user.name}></td>
                                </tr> 
                                
                                <tr>
                                    <td class="col-md-2">性别：</td>
                                    <td class="col-md-10"><{$Think.session.admin_user.sex}></td>
                                </tr>
								
								<tr>
                                    <td class="col-md-2">昵称：</td>
                                    <td class="col-md-10"><{$Think.session.admin_user.nickname}></td>
                                </tr>
                                
                                <tr>
                                	<td class="col-md-6"><a class="btn btn-default" href="<{:U('Myhome/edit')}>">编辑基本信息</a></td>
                                	<td class="col-md-6"><a class="btn btn-default" href="<{:U('Myhome/edit')}>">修改账号密码</a></td>
                                </tr>                                     
                            </tbody>
                        </table>
					</div>					
				</div>

				<div id="tab2" class="tab-grid">
				<h6>我的书架</h6>
					<table class="table table-hover">
						<tr>
							<th>书名</th>
							<th>作者</th>
							<th>添加时间</th>
							<th>操作</th>
						</tr>
						<volist name='list' id='v1'>
						<tr>
							<volist name='v1.book' id='v2'>
							<td><{$v2.title}></td>
							</volist>
							<volist name='v1.user' id='v3'>
							<td><{$v3.nickname}></td>
							</volist>
							<td><{$v1.time}></td>
							<td>
				                <a href="" >删除</a>
							</td>
						</tr>
						</volist>
					</table>
				</div>
				<div id="tab3" class="tab-grid">
					
					
				</div>

				<div id="tab4" class="tab-grid">
					
				</div>
			
			<div class="clearfix"> </div>
		</div>
		<div class="clearfix"> </div>

	<!-- Comman-js-files -->
		<script>
			$(document).ready(function() {
				$("#tab2").hide();
				$("#tab3").hide();
				$("#tab4").hide();
				$(".tabs-menu a").click(function(event){
					event.preventDefault();
					var tab=$(this).attr("href");
					$(".tab-grid").not(tab).css("display","none");
					$(tab).fadeIn("slow");
				});
			});
		</script>
	</div>
	<div class="clearfix"> </div>		
	</div>
	</div>	

</block>

